<template>
  <div id="app">
    <Header v-if="this.judge"></Header>
    <router-view/>
  </div>
</template>

<script>
  import Header from "./components/common/Header";
  export default {
    name: 'App',
    data(){
      return{
          route_list:['/login','/register'],
          judge:true
      }
    },
    components:{
      Header,
    },
    methods:{

    },
    created() {
      // console.log(this.$route.name);

    },
    watch:{
      $route(to,from){
        if (this.route_list.includes(to.path)){
          this.judge = false;
        }else {
          this.judge = true
        }
      }
    }
  }
</script>

<style>
  		 html,body{height: 100%;}
 #app{
  height: 100%;
 }

  body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }

  a {
    text-decoration: none;
    color: #4a4a4a;
  }

  a:hover {
    color: #000;
  }

  .header .el-menu li .el-submenu__title {
    height: 26px !important;
    line-height: 26px !important;
  }

  .el-menu--popup {
    min-width: 140px;
  }
  ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

</style>
